

<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="Shortcut Icon" href="http://htmljs.b0.upaiyun.com//images/logo.ico?123"><link href="http://htmljs.b0.upaiyun.com//images/logo.ico?123" rel="shortcut icon" type="image/x-icon"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable = no"/>
<link href="http://htmljs.b0.upaiyun.com//images/icon.png" rel="apple-touch-icon"/>
<meta name="keywords" content="前端, 前端开发, web前端, web前端开发, 前端开发工程师, 前端开发攻城师,设计, 开发, 前端资源, CSS, JavaScript, Ajax, jQuery, html,html5,css3,浏览器兼容, 前端开发工具, 前端招聘, jQuery API, CSS整形和优化工具 , JS压缩工具 , JS格式化工具 , CSS参考手册 ,HTML参考手册 , 多重搜索 , nodejs , node , boostrap , sublime"/>
<script>if($.browser.msie){alert("请不要使用ie浏览本站！本站不支持ie10以下浏览器。")}</script><title>乱炖周刊第三期 - 每周为您推送本站精选的新鲜速递</title><base target="_blank"/><meta name="description" content="前端乱炖每周会为您推送本站精选的新鲜速递。">
<style>
img{
  max-width:100%;
}
p{
  margin:10px 0;
}
a{
  text-decoration: none;
  color:#4e9d7e;
}
html,body{margin:0;background: #fefefe;font-size: 16px;}
*{
  font-size: 16px;
}
a:hover{
  text-decoration: underline;
}
@media screen and (min-width:100px) and (max-width:650px){
  table{
    width:100% !important;
  }
  body{
    margin:0 5px;
  }
  .wrapper{width:100% !important;overflow: hidden;}
  #googlead{display: none !important;}
  #wx img{width:50%;}
  #WBCommentFrame{
    display: none;
  }
  
}
</style>
</head>

<body>
  <div style="height:40px;background:#eee;color:#fff;line-height:40px;border-bottom:1px solid #ccc;">
    <div style="width: 600px;margin:0 auto;" class="wrapper">
      <a href="http://www.html-js.com" style="color:#333;">前端乱炖官网</a>
      <a href="http://www.html-js.com/static/htmljs-weekly-2.html" style="padding:0 5px;color:#333;">上一期</a>
      <a href="http://www.html-js.com/topic/215" style="padding:0 5px;color:#333;">我要推荐&投稿</a>
    </div>
  </div>
  <div id="newsletter" style="margin:0;padding:0; color: #333333; font: 13px/20px 'Helvetica Neue',Helvetica,Arial,Sans-serif;font-family:'Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif!important;overflow:hidden;" >
    <div class="wrapper" style="margin: 0px auto 0; width: 600px; padding-top:16px; padding-bottom:10px;">
      <div class="header clearfix" style="font-weight:bold;text-align:left;margin:10px 0;margin-top:20px;font-size:35px;color:#4e9d7e;padding:0px;">乱炖周刊 第三期</div>
      <div style="color:#999;font-size:12px;padding-left:0px;line-height:45px;">主编：芋头，小俊</div>
      <div style="">
        <div style="padding:0px;">
          <p style="font-size:16px;">乱炖周刊 是 <a href="http://www.html-js.com" target="_blank">前端乱炖</a> 网站推出的前端技术信息推送产品。我们会每周为您提供最新最有含量的内容推送，如果您有兴趣，欢迎订阅周刊。
          </p>
          <div style="float:left;margin-right:40px;">
          <p style="font-size:16px;margin-top:20px;color:#489275">订阅 乱炖周刊：</p>
          <p style="font-size:13px;">
            <input type="text" id="email" name="email" placeholder="输入常用邮箱地址" style="height:20px;width:200px;"/>
            <button id="submit" type="button" style="height:25px;vertical-align:1px;">订阅</button>
          </p>
        </div>
        <div style="float:left;">
          <p style="font-size:16px;margin-top:20px;color:#489275;">推荐给朋友：</p>

          <p style="font-size:13px;">
            <a href="http://service.weibo.com/share/share.php?appkey=659341943&url=http://www.html-js.com/static/htmljs-weekly-3.html&pic=http://htmljs.b0.upaiyun.com/uploads/1394038759514-Snip20140306_95.png&title=《乱炖周刊》第三期新鲜出炉啦，《乱炖周刊》是@前端乱炖 网站推出的前端精品文章推送产品，每周为您多渠道推送营养文，前端必备，推荐订阅。戳右边查看在线版→_→" target="_blank" title="分享到微博"><img src="http://htmljs.b0.upaiyun.com/uploads/1393254783476-button1.png" style="width:110px;margin-left:-8px;"/>
            </a>
          </p>
        </div>
        </div>
      </div>
    </div>
  </div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·专栏 本周精品</div>
  <div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;"  class="">
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/113" style="display:inline-block;width:180px;">[ GitHub不完全装B指南 ]</a> <span style="display:inline-block;font-size:16px;"> 共 <span style="color:#ff0000">07</span> 篇文章，最后更新 <span style="color:#666">03-05</span>。write by <a href="http://www.html-js.com/user/1470">装B指南</a></span></div>
    
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/118" style="display:inline-block;width:180px;">[ Javascript学习 ]</a> <span style="display:inline-block;font-size:16px;"> 共 <span style="color:#ff0000">03</span> 篇文章，最后更新 <span style="color:#666">03-02</span>。write by <a href="http://www.html-js.com/user/418">易安 </a></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/83" style="display:inline-block;width:180px;">[ TJ脑残粉 ]</a> <span style="display:inline-block;font-size:16px;"> 共 <span style="color:#ff0000">05</span> 篇文章，最后更新 <span style="color:#666">03-01</span>。write by <a href="http://www.html-js.com/user/333">小鸡鸡 </a></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/50" style="display:inline-block;width:180px;">[ 用Angular开发web应用 ]</a> <span style="display:inline-block;font-size:16px;"> 共 <span style="color:#ff0000">17</span> 篇文章，最后更新 <span style="color:#666">03-05</span>。write by <a href="http://www.html-js.com/user/526">张小俊</a></span></div>
    <a href="http://www.html-js.com/article" style="line-height:30px;font-size:14px;color:#333;text-decoration:underline;">创建我自己的专栏</a>
  </div>
</div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·原创文章 本周精品</div>
  <div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;" class="">
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/TJ-idiotic-fly-front-three-simple-implementation-of-asynchronous-module-loading" style="display:inline-block;width:350px;">[ 前端三俗简易实现之一：异步模块加载 ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">小鸡鸡</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/TJ-idiotic-fly-front-three-simple-implementation-of-asynchronous-programming-of-Promise" style="display:inline-block;width:350px;">[ 前端三俗简易实现之一：异步编程のPromise ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">小鸡鸡</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/TJ-idiotic-fly-front-three-simple-realization-of-the-MVVM" style="display:inline-block;width:350px;">[ 前端三俗简易实现之一：MVVM ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">小鸡鸡</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Js-learning-what-is-the-closure" style="display:inline-block;width:350px;">[ Javascript学习之：什么是闭包 ]</a><span style="display:inline-block;font-size:16px;">  by  <span style="display:inline-block;width:100px;">易安</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/1853" style="display:inline-block;width:350px;">[ Javascript学习之：浏览器事件详解 ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">易安</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/1746" style="display:inline-block;width:350px;">[ 每天学点js之：再谈JavaScript中的闭包 ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/1838" style="display:inline-block;width:350px;">[ 每天学点js之：还在用Grunt？来试试Fez ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/JavaScript-JavaScript-the-event-delegate-to-implement-event-can-be-configured" style="display:inline-block;width:350px;">[ JavaScript：通过事件委托实现事件可配置 ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">Chiefman</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/The-Gothic-Revival--Less-the-vs-Sass-Is-selected-when-the-Sass" style="display:inline-block;width:350px;">[ Less vs Sass? 是时候选择Sass了 ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">Gothic</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Create-your-own-AngularJS-to-create-your-own-AngularJS--the-first-part-a-Scopes" style="display:inline-block;width:350px;">[ 创建你自己的AngularJS -- 第一部分 Scopes ]</a><span style="display:inline-block;font-size:16px;">  by <span style="display:inline-block;width:100px;">张小俊128</span><span style="padding-left:20px;">✭✭✭✩✩</span></span></div>
  </div>
</div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·招聘季</div>
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;" class="wrapper">
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/188">[ 大搜车继续招聘：全栈工程师，NodeJS方向。主要负责微信相关功能的开发。 ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/224">[ 北京 去哪儿网 招前端（刚上市，不差钱） ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/223">[ 社区网站招聘全端实习生-上海-人民广场 ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/206">[ 淘宝UED招聘前端开发工程师【急】【火】 ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/218">[ 帝都CBD 土豪公司送户口急招前端 ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/219">[ 北京 京东 JD.COM 招聘中/高级前端工程师 ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/202">[ 招聘nodejs工程师，半年以上工作经验，8-15k ]</a></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/197">[ 创业型项目招资深前端工程师，10K起 ]</a></div>
     <a href="http://www.html-js.com/topic?tag_id=3" style="line-height:30px;font-size:14px;color:#333;text-decoration:underline;">发布招聘信息</a>
  </div>
<div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·业内优秀文章精选</div>
<div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;">
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.w3cplus.com/responsive/responsive-web-design-tips-and-notes.html">[ 响应式设计：概念与运用 ]</a> <span style="display:inline-block;font-size:16px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.w3cplus.com/preprocessor/sass-component-10-minutes.html">[ Sass编写组件 ]</a> <span style="display:inline-block;font-size:16px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.cnblogs.com/lhb25/p/make-flappy-bird-with-html5-and-javascript.html">[ 65行 JavaScript 代码实现 Flappy Bird 游戏 ]</a> <span style="display:inline-block;font-size:16px;">来自：梦想天空</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.sitepoint.com/best-web-designing-frameworks-2014/">[ Best Web Designing Frameworks for 2014 ]</a> <span style="display:inline-block;font-size:16px;">来自：sitepoint</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://blog.jobbole.com/53736/">[ 为什么我要用 Node.js? 案例逐一介绍 ]</a> <span style="display:inline-block;font-size:16px;">来自：伯乐在线</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://javascript-puzzlers.herokuapp.com/">[ 一些变态的javascript题目 ]</a> <span style="display:inline-block;font-size:16px;">来自：网络</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.wumii.com/topbar/15NMDaCKE">[ 高手之路！设计漂亮有趣的转场动效 ]</a> <span style="display:inline-block;font-size:16px;">来自：优秀设计</span></div>
    <div class="title" style="font-size:16px;line-height:30px;padding-top:0px;"><a style="font-size:16px;display:inline-block;width:450px;" href="http://www.alloyteam.com/2014/03/frontend-workflow/?utm_source=tuicool">[ 停不下来的前端，自动化流程 ]</a> <span style="display:inline-block;font-size:16px;">来自：alloyteam</span></div>
    <div style="margin:20px 0;" id="wx">
      <img width="250" style="float:left;" src="http://htmljs.b0.upaiyun.com/uploads/1394040251862-qrcode.png"/>
      <img style="float:right;" width="250" src="http://htmljs.b0.upaiyun.com/uploads/1394040267400-qrcode1.png"/>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>

  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">乱炖访谈·张小俊</div>
  <div style="margin: 0px auto 0; width: 600px;" class="wrapper">
<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">1. 能简单的介绍下你自己吗？  </div>

<div style="color:#777;line-height:25px;font-size:14px;">各位炖友大家好，我叫张小俊。目前在天津八里台某高校读研究生。前端技术爱好者，目标是成为JavaScript Ninja。 </div> 

<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">2. 目前您在做些什么项目？   </div>

<div style="color:#777;line-height:25px;font-size:14px;">一个AngularJS Modules的分享交流小站。   </div> 

<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">3. 您在前端乱炖发表了诸多原创翻译文章，数量极多，很多炖友都很好奇你是怎么做到的。   </div> 

<div style="color:#777;line-height:25px;font-size:14px;">只要有兴趣有热情体力好（第三点最重要），没有什么是做不到的。  </div>  

<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">4. 平常您的生活是如何的？例如下班后和周末一般做些什么？ </div>  

<div style="color:#777;line-height:25px;font-size:14px;">一边研究数学，一边学习前端技术。除了吃饭睡觉和必要的锻炼，其他时间都放在数学和前端技术上。下班和周末也是一样。</div>  

<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">5. 听说您翻译的一本新书即将上架了，可以介绍下吗？</div>  

<div style="color:#777;line-height:25px;font-size:14px;">这本书的名字叫做《Sass和Compass实战》，原书名是《Sass and Compass in action》。我负责了其中几个章节的翻译工作。这本书主要是介绍如何使用Sass和Compass来帮助我们轻松的编写更好的样式表。网页或者web应用主要分为三个大部分，HTML（骨架层），CSS（表现层）以及JS（逻辑层），在编写JS代码时，我们可以使用各种逻辑语句，各种编程模式，以及各种各样的插件、库以及框架来提高代码的重用性，近些年编写JS代码过程中的模块性也越来越重要。反观CSS，虽然我们现在可以用CSS3编写种种惊人的效果，但是它在编写方式上完全没有什么进步，依然是采用键-值对的方式来进行编写，无聊而且低效。再比如我们想要实现一个CSS效果，最常见的方式还是在网上搜索然后将博客中的CSS代码复制粘贴到自己的样式表中，太麻烦而且你并不能保证CSS代码的时效性。CSS样式表编写方式需要进行改变！   </div>  
<div style="color:#777;line-height:25px;font-size:14px;">
如果你对CSS进行过一些研究，你一定听说过Less，Sass和Stylus这几种CSS的预编译语言。虽然它们最终都是转化成为最原始的CSS文件，但是在编写这些源文件的过程中我们可以使用这些预编译语言为我们带来的种种好处，其中有我们熟悉的逻辑语句、嵌套、混入类以及函数。Sass就是这样一种语言，使用它我们可以编写动态样式表，并大大提高了代码的简洁性和可重用性。比如我们可以将一块CSS要实现的样式功能封装成为一个Sass函数，并在需要的时候调用它。非常的省时省力。另外，基于Sass的Compass为我们提供了一个完整了样式表生态圈，我们可以在其中寻找、分享样式表，如果你熟悉node，你一定会对它的module体系印象深刻，而Compass就是这样一种东西，使用它你可以像搭积木一样来组织自己项目中的样式，省时省力。实在是居家旅行，那啥那啥的必备良药。具体怎么使用Sass和Compass，请在《实战》中找答案。虽然这里有点广告嫌疑，但是书确实是好书。  </div>  

<div style="color:#333;line-height:30px;font-size:16px;margin-top:10px;font-weight:bold;">7. 能给前端开发初学者一些建议吗？</div>  

 <div style="color:#777;line-height:25px;font-size:14px;">- 首先兴趣最重要。我开始学习前端是因为自己喜欢听音乐，想自己做一个音乐分享的小站。一开始自己什么都不会的时候，为了给Audio对象添加一个监听事件，可以熬夜到三四点（当然这一方面说明我比较执着，更重要的是说明我比较笨）。无论做什么事情，只要纯粹的喜欢有兴趣，无论天赋高低，无论结果如何，都能让自己满意。内因永远比外因要重要得多。 </div>    
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 多看好书。首先推荐一本《JavaScript面向对象编程指南》，非常适合新手来阅读，即使有一定编程经验了，读这本书也会有收获。另外避免《三十天精通XXX》之类的书籍，个人意见，仅供参考。可以多读英文原版书，一般来说等中文出版社翻译出版，可能已经过了大半年，当然好的技术是永垂不朽，就像是今天我们还在读《C primer》,但是前端技术日新月异，除了基础好，还要眼明手快。</div>    
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 少看XX教程视频。反正几个G下载下来你也不会看，况且也不好看。  </div>   
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 心态要好。厉害的人太多，要是心态不好的话经常容易受打击。写自己的代码，管大牛在干啥。 </div>    
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 买一台mac。并不是我逼格高，反正用mac写代码就是爽，用了你懂的。</div>    
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 坚持学习。每天看一点，滴水石穿，铁棒磨成绣花针。 </div>    
 
 <div style="color:#777;line-height:25px;font-size:14px;">- 坚持上乱炖。乱炖是个好网站，话我只能说到这了，你们都懂的。  </div>    
 
<div style="color:#777;line-height:25px;font-size:14px;">最后谢谢小炖君，么么哒！</div>  
 
 <div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 20px 0;">
  <p style="border-top:1px solid #ddd;font-size:12px;padding-top:10px;color:#999;"><a href="http://www.html-js.com">@前端乱炖 </a> 是一个功能丰富的提供高质量内容的技术社区</p>
<p style="border-top:1px solid #ddd;font-size:12px;padding-top:5px;color:#999;">为了确保您能收到及时的通知，请将 postmaster@htmljs.sendcloud.org 添加为联系人。</p>
<script type="text/javascript">
(function(){
var url = "http://widget.weibo.com/distribution/comments.php?width=0&url=auto&border=1&brandline=y&fontsize=12&ralateuid=1734409185&appkey=659341943&dpc=1";
url = url.replace("url=auto", "url=" + encodeURIComponent(document.URL)); 
document.write('<iframe id="WBCommentFrame" src="' + url + '" scrolling="no" frameborder="0" style="width:100%"></iframe>');
})();
</script>
<script src="http://tjs.sjs.sinajs.cn/open/widget/js/widget/comment.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.WBComment.init({
    "id": "WBCommentFrame"
});
</script>
   
  </div>
</div>
   <script src="http://htmljs.b0.upaiyun.com//js/jquery.js"/></script>
<script>
$("#submit").on("click",function(){
  $.ajax({
    url:"/rss/email",
    type:"post",
    data:{email:$("#email").val()},
    dataType:"json",
    success:function(data){
      if(data.success){
        alert("订阅成功")
        $("#email").val("")
      }else{
        alert(data.info)
      }
    }
    });
  });
</script>

<style>#googlead{position:fixed;bottom:-250px;right:0px;}
</style><div id="googlead" class="hidden"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 弹出广告 -->
<ins class="adsbygoogle"
   style="display:inline-block;width:250px;height:250px"
   data-ad-client="ca-pub-8166279959459646"
   data-ad-slot="1929456950"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div><script>setTimeout(function(){
  $("#googlead").removeClass("hidden").animate({bottom:0})
},3000)</script>
<script>

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36222024-3']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
  </body>
</html>